.web{
    margin: 0 auto;
    width: 1000px;
}

.bg{
    width: 999px;
    height: 400px;
}
.bg>img{
    width: 100%;
    height: 100%;
}

.about-us{
    padding: 26px 50px 1px;
    background-color: #fafafa;
}
.about-us-title{
    margin: 0 auto 20px;
    width: 145px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}
.about-us-title>legend{
    /* margin: 0 auto; */
    font-size: 24px;
    /* font-weight:bold; */
}


.about-content{
    font-size: 0;
    margin-bottom: 22px;
}
.about-content>li{
    padding-top: 18px;
    width: 268px;
    height: 319px;
    background-color: #f2f2f2;
    display: inline-block;
    margin-right: 20px;
    vertical-align: top;
}
.about-content>li:nth-child(2){
    width: 322px;
}
.about-content>li:last-child{
    margin-right:0px ;
}
.about-content>li:nth-child(2)>p:last-child{
    padding: 0 36px;
}
.item-logo{
    margin-bottom: 16px;
    text-align: center;
}
.item-title{
    font-size: 16px;
    /* font-weight: bold; */
    text-align: center;
    line-height: 22px;
    /* letter-spacing: ;
    word-spacing: ; */
}

.item-content{
    font-size: 12px;
    padding:0 10px;
    color: #838383;
    letter-spacing: 2px;
    line-height: 24px;
    text-align: justify;/*两端对齐,最后一行或者只有一行不受影响*/
}

.invest{
    padding: 26px 50px 0;
    /* font-size: 0; */
}
.invest>ul>.invest-item{
    width: 295px;
    height: 284px;
    margin-bottom: 22px;
    /* margin-right: 7px; */
    display: inline-block;
}

.pic{
    width: 295px;
    height: 210px;
    margin-bottom: 15px;
}
.pic>img{
    width: 100%;
    height: 100%;
}
.invest>ul>.invest-item>.invest-title{
    font-size: 12px;
    text-align: center;
    letter-spacing: 1px;
    margin-bottom: 19px;
}
.invest>ul>.invest-item>button{
    width: 135px;
    height: 27px;
    outline: none;
    border: none;
    color: white;
    background-color: #6db6ff;
    font-size: 16px;
    margin-left: 75px;
    margin-right: 85px;
    
}













.friendship{
    margin: 0 auto;
    width: 899px;
    height: 304px;
    background-image: url(./images/friendship.jpg);
    background-repeat: no-repeat;
    background-size: cover; /*100%*也行,两者会把背景图片的宽或者高强撑起来,就会超出不太好*/

}

.mask-layer{
    height: 100%;
    background-color:rgba(0, 0, 0, .4);
}
.fsp{
    margin: 20px auto;
    font-size: 16px;
    color: white;
    width: 145px;
    text-align: center;
    font-weight: bold;
    border-color: #6db6ff;
    border-style: solid;

}
.fsp>legend{
    font-size: 24px;
    height: 100%;
    padding-top: 20px;
}
.fsp-content{
    display: flex;
    justify-content: space-between;
    align-items: center;

}
/* .fsp-content>li{
    display: inline-block;
} */
.fsp-content>li:first-child,.fsp-content>li:last-child{
    height: 69px;
    width: 37px;
    background-color:rgba(0,0,0,.4);
    justify-content: center;
    line-height: 69px;
}
.fsp-content>li>img{
    vertical-align: middle;
}

footer>.information{
    padding: 44px 50px 24px;
}
footer>.information>.footer-item{
    display: inline-block;
    margin-right: 50px;
    vertical-align: top;
}

footer>.information>.footer-item>li{
    font-size: 12px;
    margin-bottom: 9px;
}

footer>.information>.footer-item>li:first-child{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 27px;

}
.qr-code{
    height: 99px;
    display: inline-block;
    vertical-align: top;
}
.qr-code-first{
    height: 52px;
   
}
.qr-code-first>.first{
    display: inline-block;
    vertical-align: top;
}

.qr-code-first>.two{
    margin-left: 6px;
    display: inline-block;
    vertical-align:top;
}
.qr-code-first>.two>p{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 4px;
}
.qr-code-first>.two>p:first-child{
    letter-spacing: 4px;
}
.qr-code-first>.two>p:last-child{
    font-size: 12px;
    font-weight: normal; 
    margin-bottom: 0;  
}
.qr-code-first>.three{
    display: inline-block;
    vertical-align:top;
}
.qr-code-first>.three>p{
    font-size: 12px;
    line-height: 18px;
    text-align: right;
}

.qr-code-two{
    display: inline-block;
    
}
.qr-code-two>.one{
    display: inline-block;
}

.qr-code-two>p{
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    text-indent: 10px;/*首行缩进*/
}
.end{
    
    background-color: #6db6ff;
    height: 70px;
}
.end>p{
    text-align: center;
    padding-top:  43px;;
    font-size: 12px;
}

